<template>
	<div>
		<!-- 3.使用组件 -->
		<todo-item v-for="(one,index) of itemList" 
			:item="one"  
			:i="index"
			:delItem="delItem"
		/>
		<!-- <div v-for="item of itemList">
				{{item}}
		</div> -->
	</div>
</template>

<script>
import TodoItem from './TodoItem.vue'; //1.导入组件文件

export default {
	components: { TodoItem }, //2.注册组件
	// props接收父组件自定义属性
	props: {
		itemList: Array,
		delItem:Function,
	},	
	
	// props: ["itemList","delItem"],   //这样也是可以的
 // props: {"itemList","delItem"},  //这样是不可以的
	
	mounted(){
		console.log(this)
	},
	
	methods:{
		
	},
};
</script>
